*{margin: 0; padding: 0; box-sizing: border-box;}

img{display: block; border: 0; max-width: 100%; max-height: 100%;}
// html{font-size: calc(100vw / 1024 * 100);}
html,body{width: 100%; height: 100%; overflow: hidden;}
body{font-size: 14px; display: flex; justify-content: center; align-items: center; background: url('../img/bg.png') no-repeat; background-size: cover;}
#app{ width: 100%; height: 100%; }
@keyframes rotate {  
  from {  
    transform: translate(-50%,-50%) scale(1.3) rotate(0deg);  
  }  
  to {  
    transform: translate(-50%,-50%) scale(1.3) rotate(360deg);  
  }  
} 

.flex {
	display: flex;
	display: -webkit-flex;
}

.flex .fx1 {
	flex: 1;
}

.flex .fx1 .label {
	color: #333;
}

.flex .fx1 .label:first-child {
	text-indent: 2em;
}

.flex.jlr {
	justify-content: space-between;
}

.flex.j-center {
	justify-content: center;
}

.flex.a-center {
	align-items: center;
}

.flex.col {
	flex-direction: column;
}

.flex.wrap {
	flex-wrap: wrap;
}
.page{width: 100%; margin: auto; height: 100%;}
.pageBackground{}
.pageFixed{position: fixed; left: 0; top: 0; z-index: 10; background: rgba(0, 0, 0, 0.65); width: 100%;}
.scroll{width: 100%; height: 100%; overflow: auto;}
.swiper-pagination-bullet-active{
	background-image: linear-gradient(#FFC500,#FF5F01);
}
.swiper-pagination-bullet{background-color: #fff; opacity: 1 !important;}
.footer span{color: #FD4933; margin-right: 5px;}
.login_form_item .el-form-item__label {font-size: 0.3rem;color: #353535;}
.login_form_item input{width: 100%; height: 0.58rem; border: 0; outline: none; border-bottom: 1px solid #D0D0D0; font-size: 0.24rem; color: #666; background: none;}
.button{width: 3.24rem; height: 1rem; line-height: 1rem; background: url('../img/button.png') no-repeat; background-size: 100% 100%; font-size: .48rem;  color: #fff; text-align: center;}
.zoom{transform: scale(0.85); width: 100%; height: 100%;}
.treasurechest{width: 100%; height: 100%; background-color: #FFF6DA; border-radius: 20px; border: 4px solid #F6B560; padding: 0px .2rem;}
.grade_keyboard .item:active,.button:active,.submit:active,.back:active{
	filter: brightness(80%)
}
.home_body_tool .item:active{
	filter: brightness(80%)
}